<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
</head>
<body>
    <div></div>
    <script>
        /* 
            需求： 点击login.html 中的提交按钮，跳转到 index.html
            index.html 的div 显示 某某人欢迎你
        */

      /*   var div = document.querySelector('div');
        console.log(location.href); // 获取整个url
        var search = location.search; // 参数 ? uname=qwert
        console.log(search);    //  返回从 ？ 后面的 url
        console.log(typeof search); // 数据类型是字符串
        var result = search.split('='); // 字符串切割为数组
        console.log(result);
        var yourName = 'abc';
        yourName = result[1];  // 获取数组中的第二个元素
        div.innerHTML = yourName + "欢迎你"; */


        console.log(location.search); //?uname=www   拿到这个参数(索引号0是？  从1截取后面的。。。)
        // 1. 去掉问号？用截取字符串substr(截取的位置,截取几个字符)
        var params = location.search.substr(1);  // uname=www 
        console.log(params);
        // 2. 利用 = 把字符串分割成数组  split('=');
        var arr = params.split('=');
        console.log(arr);           // ['uname', 'www']  索引号uname是0  www是1  获取kv值的v就可以了
        var div = document.querySelector('div');
        div.innerHTML = arr[1] + '欢迎光临';    // 得到 www 这个名字了

    </script>
</body>
</html>